<template>
  <div class="container">
    <div class="imgBox">
      <image class="banImg" :src="detailUrl"  mode="aspectFill"/>
    </div>
  </div>
</template>

<script>
export default {
  components: {
  },
  props: {},
  data() {
    return {
      detailUrl:this.$storage.getStore("bannerDetail"), //弹窗轮播图数组
    };
  },
  created() {
  },
  activated() {
    
  },
  mounted() {},
  watch: {},
  computed: {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.container {
  display: flex;
  width: 100vw;
  // height: 100vh;
  flex-direction: column;
  .imgBox {
    flex: 1;
	height:100vh;
    background: #ffffff;
    overflow: hidden;
    .banImg {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
}
</style>
